<template>
	<view class="bg-video">
		<!-- 		<video
			id="video"
			class="video"
			autoplay="true"
			muted="true"
			loop="loop" 
			src="http://bpic.588ku.com/video_listen/588ku_video/22/11/03/20/53/12/video6363b9b8438f7.mp4"></video> -->
		<image style="height: 780rpx;" class="w-100" :src="url" mode="aspectFill"></image>

		<view class="cover">

		</view>
	</view>
</template>

<script>
	export default {
		props: {
			url: {
				type: String,
				default: function() {
					return "../static/home/bg.png";
				}
			},
		},
		data: function() {
			return {
				item: {
					url: ""
				}
			};
		},
		onLoad: function() {

		}
	}
</script>

<style scoped>
	.bg-video {
		position: fixed;
		left: 0;
		top: 0;
		z-index: -1;
		max-height: 100vh;
		height: 100vh;
		min-height: 100vh;
		width: 100%;
	}

	.bg-sw-img {
		width: 100vw;
		height: 100vh;
		top: 0;
	}

	.screen-swiper {
		width: 100vw;
		height: 100vh;
	}

	.bg-video .video {
		transform: scale(4, 4);
		width: 100vw;
		height: 100vh;
		position: absolute;
		left: 0;
		top: 0;
		z-index: -512;
	}

	.bg-video .cover {
		background-color: rgba(200, 200, 200, 0.0);
		/* background-image: linear-gradient( #FFFFFF 100px, #098709); */
		position: absolute;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;

	}
</style>